<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			#test1{
				color: blue;
			}
			#test2{
				opacity: 0.1;
			}
			#test3{
				font-family: "微软雅黑";
			}
			#test4{
				font-size: 50px;
			}
			#test5{
				font-weight: 900;
			}
			#test6{
				font-style: italic;
			}
			#test{
				font: italic 50px "微软雅黑";
			}
		</style>
	</head>
	<body>
		<div id="test1">这是蓝颜色的字体样式</div>
		<div id="test2">这是字体透明度0.1的字体样式</div>
		<div id="test3">这是微软雅黑系列字体</div>
		<div id="test4">这是50px大小的字体</div>
		<div id="test5">这是900粗细的字体</div>
		<div id="test6">这是字体样式：斜体</div>
		<div id="test">这是字体的复合样式（样式、大小、字体）</div>
	</body>
</html>
